<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>失物招领</title>
  <link rel="stylesheet" href="../css/iconfont.css" type="text/css">
  <link rel="stylesheet" href="../css/logOn.css" type="text/css">
  <link rel="stylesheet" href="../css/hoverPaneY.css" type="text/css">
  <link rel="stylesheet" href="../css/nav.css" type="text/css">
  <link href="../css/tipPane.css" type="text/css" rel="stylesheet">
  <link href="../css/lostFound/lostAndFoundIndex.css" type="text/css" rel="stylesheet">
  <link rel='icon' href='../img/gduf-logo_1.ico' type='image/x-ico' />
</head>

<body>
  <!-- 配合一键回到顶部使用 -->
  <div class='top'></div>
  <!-- 导航栏 -->
  <nav class="nav">
    <div class="w">
      <!-- 展示logo 首页  校区互通 搜索栏 消息 头像-->
      <div class="displayRow">
        <a class="logo" href="#" title='点击进入首页'>
          <img src="../img/gduf-logo.png">
        </a>
        <a class="navLinker navIndex" href="../index.html">首页</a>
        <a class="navLinker navCommunication" href="index.html">校区互通</a>
        <div class="searchBox">
          <input type="text" target_width="240px">
          <button class="dev"><i class="iconfont iconsousuo"></i></button>
        </div>
        <!-- 提问 + 消息通知 -->
        <div class="QAndM">
          <!-- 消息 -->
          <span class="message">
            <i class="iconfont iconxiaoxitongzhitixinglingshenglingdang-xianxing "></i>

            <i class="iconfont icondian"></i>

            <div class="messageNotification">
              <div class="hoverBox">
                <div class="title">消息通知</div>
                <div class="mode_selection">
                  <span class="mode active" id="hoverBox_dynamicMessage">动态通知</span>
                  <span class="mode" id="hoverBox_privateMessage">私信通知</span>
                  <span class="activeLine toLeft"></span>
                </div>
                <!-- 内容框 -->
                <div class="contentBox_information">
                  <div class="itemList_box">
                    <ul class="itemList system" style="display: block;">

                    </ul>
                    <ul class="itemList private"></ul>
                  </div>
                </div>


                <div class="foot">
                  <div class="clearAllPoint">
                    <!-- <svg height="25" title="一键已读" viewBox="0 0 1024 1024" width="25">
                                        <path
                                            d="M965.12 286.293333H657.493333V108.8C657.493333 48.64 605.013333 0 540.586667 0H482.56C418.56 0.426667 366.506667 49.066667 366.506667 108.8V285.866667H58.453333C26.026667 285.866667 0 310.613333 0 341.333333v176.213334c0 30.293333 26.453333 55.466667 58.453333 55.466666v253.866667c-0.426667 46.933333-6.826667 93.44-18.346666 135.253333l-0.853334 6.4c0 30.72 26.453333 55.466667 58.453334 55.466667H926.293333c30.293333 0 57.6-22.613333 59.733334-49.493333l-0.853334-7.253334c-12.8-46.933333-19.2-96-19.626666-145.066666v-248.32l19.2-3.84c22.613333-7.68 38.4-28.16 38.4-52.053334V341.76c0.426667-30.72-26.026667-55.466667-58.026667-55.466667z m-210.773333 650.24V733.866667c0-18.346667-15.786667-33.28-34.56-33.28h-9.813334c-19.2 0-34.56 14.933333-34.56 33.28v202.666666h-113.92V733.866667c0-18.346667-15.786667-33.28-34.56-33.28h-9.813333c-19.2 0-34.56 14.933333-34.56 33.28v202.666666H359.253333V733.866667c0-18.346667-15.786667-33.28-34.56-33.28h-9.813333c-19.2 0-34.56 14.933333-34.56 33.28v202.666666l-146.346667 2.56c8.96-34.986667 13.226667-70.826667 13.226667-107.093333v-259.413333h729.173333V836.266667c0 33.706667 3.84 67.84 11.52 99.84h-133.546666zM931.84 486.4H91.733333V372.906667H456.96v-251.733334c0-27.733333 33.28-30.72 47.786667-30.72h16.213333c14.506667 0 47.786667 2.986667 47.786667 30.72v253.866667h363.093333V486.4z"
                                            fill="#bfbfbf" p-id="12613"></path>
                                    </svg> 一键已读 -->
                  </div>

                </div>
              </div>
            </div>

          </span>
        </div>
        <!--登录注册按钮-->
        <div class="personal">
          <button class="signUpBtn">
            <em class="fadein" id="loginBtn">登录</em>
            |
            <em class="toRegister" onclick="location.assign('./register.html')">注册</em>
          </button>
        </div>
        <!--         头像            -->
        <div class="logonHeadPortrait">

          <!-- 头像 -->
          <div class="headPortrait">

            <!-- 导航栏上的头像 -->
            <img class="navHPY userFace" src="" alt=" " title="点击打开个人面板">

            <div class="hpSecond">
              <!-- 头像的二级导航 -->
              <div class="hpSecond_general">

                <!-- 小三角 -->
                <b class="triangle"></b>
                <!-- 个人属性part -->
                <!-- 用户头像 用户名 -->
                <div class="hpPersonalAttributes">
                  <div class="ResMessageFace">
                    <img class="userFace" src="" alt=" ">
                    <div class="cover">
                      <img src="../icon/common/camera.svg" id='uploadBtn'>
                      <input type="file" style="display: none;" accept="image/*" id='readFileBtn'>
                    </div>
                  </div>
                  <em> <b class="ResUserName"></b></em>
                  <em> <b class="ResMarkNumber"></b></em>
                  <em> <b class="ResMessagePojoMajor"></b> </em>
                </div>
                <!-- 进入个人中心 -->
                <div class="IntoPersonCenter secondPane_entrance gohovercolor"><i
                    class="iconfont iconjinru2"></i><em>进入个人中心</em> </div>
                <!-- 我的关注 -->
                <div class="attention secondPane_entrance gohovercolor" target="concernsY">
                  <i class="iconfont iconwodeguanzhu"></i>
                  <em>我的关注</em>

                </div>
                <!-- 我的问答 -->
                <div class="myQAY secondPane_entrance gohovercolor" target="QandAY">
                  <i class="iconfont iconV "></i>
                  <em>我的问答</em>
                </div>

                <!-- 我的收藏 -->
                <div class="myCollY secondPane_entrance gohovercolor" target="collectionY">
                  <i class="iconfont iconwodeshoucang "></i><em>我的收藏</em>
                </div>

                <!-- 退出登录 -->
                <div class="exitLogonY secondPane_entrance gohovercolor"><i
                    class="iconfont icontuichudenglu "></i><em>退出登录</em></div>
              </div>

              <!-- 我的关注打开面板 -->
              <div class="hpSecondSecond concernsY">
                <div class="hoverBox">
                  <div class="title">我的关注</div>
                  <div class="mode_selection">
                    <span class="mode active" id="hoverBox_interest">我关注的人</span>
                    <span class="mode" id="hoverBox_fans">关注我的人</span>
                    <span class="activeLine toLeft"></span>
                  </div>


                  <!-- 内容框 -->
                  <div class="contentBox_subscribe">
                    <div class="itemList_box">
                      <ul class="itemList myAttention" style="display: block;">
                      </ul>
                      <ul class="itemList attentionMe"></ul>
                    </div>
                  </div>

                </div>

              </div>
              <!-- 我的回答打开面板 -->
              <div class="hpSecondSecond QandAY">
                <div class="hoverBox">
                  <div class="title">我的问答</div>
                  <div class="mode_selection">
                    <span class="mode active" id="hoverBox_request">我的提问</span>
                    <span class="mode" id="hoverBox_answer">我的回答</span>
                    <span class="activeLine toLeft"></span>
                  </div>
                  <!-- 内容框 -->
                  <div class="contentBox_request ">
                    <div class="itemList_box ">
                      <ul class="itemList myCue" style="display: block;">
                        <!-- 我的提问和我的回答框架一样 -->
                      </ul>
                      <ul class="itemList myAns"></ul>
                    </div>
                  </div>

                </div>
              </div>
              <!-- 我的收藏打开面板 -->
              <!--
                <div class="hpSecondSecond collectionY ">
                    <div class="hoverBox ">
                        <div class="title ">我的收藏</div>

                        <div class="contentBox_collection ">
                            <div class="itemList_box ">
                                <ul class="itemList mycollection">
                                    <li class="item ">
                                        <a href="# ">
                                            <div class="problem_title ">问题标题问题标题问题标题问题标题</div>
                                            <div class="problem_remark_answer ">问题标注问题标注问题标注问题标注问题标注</div>
                                            <div class="problem_lable_box ">
                                                <div class="lable ">
                                                    标签一标签一标签一
                                                </div>
                                                <div class="lable ">
                                                    标签二标签二标签二
                                                </div>
                                            </div>
                                            <div class="time_box ">
                                                <span class="time ">2小时前</span>
                                            </div>
                                        </a>
                                    </li>

                                    <li class="item ">
                                        <a href="# ">
                                            <div class="problem_title ">问题标题问题标题问题标题问题标题</div>
                                            <div class="problem_remark_answer ">问题标注问题标注问题标注问题标注问题标注</div>
                                            <div class="problem_lable_box ">
                                                <div class="lable ">
                                                    标签一标签一标签一
                                                </div>
                                                <div class="lable ">
                                                    标签二标签二标签二
                                                </div>
                                            </div>
                                            <div class="time_box ">
                                                <span class="time ">2小时前</span>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="foot ">
                            <input type="text " placeholder="请输入... ">
                            <div class="search_btn "><svg t="1602165226427 " class="icon " viewBox="0 0 1024 1024 " version="1.1 " xmlns="http://www.w3.org/2000/svg " p-id="3356 " width="23 " height="23 ">
                            <path d="M222.6944 222.7968A323.1488 323.1488 0 0 0 133.6832 512c19.2512-87.3728 64.512-172.7488 135.0144-243.3024C339.2512 198.1184 424.6272 152.8832 512 133.632c-101.632-19.1488-210.688 10.5216-289.3056 89.1648z " fill="#ffffff
                        " p-id="3357 "></path><path d="M989.44 822.1184l-121.7024-121.7024a118.016 118.016 0 0 0-92.8-34.1248c114.4576-165.5552 97.92-394.3936-49.4848-541.824-165.9392-165.9904-435.0464-165.9904-601.0368 0-165.9392 165.9904-165.9392 435.1232 0 601.1136
                        147.4048 147.4304 376.064 163.84 541.7216 49.3824-2.56 33.28 8.8576 67.5328 34.1248 92.8l121.7024 121.728c46.08 45.9776 121.3696 45.9776 167.3472 0 46.208-45.9776 46.208-121.2928 0.128-167.3728zM676.096 676.096c-138.6752 138.6752-363.392
                        138.6752-502.016 0-138.6752-138.6752-138.6752-363.4432 0-502.1184 138.624-138.6752 363.3408-138.6752 502.016 0 138.6496 138.5728 138.6496 363.4432 0 502.1184z " fill="#ffffff " p-id="3358 "></path></svg>
                            </div>
                        </div>
                    </div>

                </div>
-->
            </div>
          </div>
        </div>

      </div>
      <!-- 一级筛选 二级 筛选时间 地点 发起失物招领 发起寻物启事 -->
      <div class="toolRow">
        <div class="toolBox">
          <!-- 一级筛选 -->
          <div class="objectSelect tool">
            <span class="toolText">分类筛选</span>
            <!-- 分类盒子 -->
            <div class="objectSelectPane selectPane">
              <div class="paneContentBox">
                <div class="imgBox">
                  <img src="../img/bg1007.jpg">
                </div>
                <div class="itemBox">
                  <ul class="objectList">
                    <li class="selected">
                      <span class="text">证件</span>
                    </li>
                    <li>
                      <span class="text">饰品</span>
                    </li>
                    <li>
                      <span class="text">数码</span>
                    </li>
                    <li>
                      <span class="text">用品</span>
                    </li>
                    <li>
                      <span class="text">其他</span>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
          <!-- 二级筛选 -->
          <div class="itemSelect tool">
            <span class="toolText">物品筛选</span>
            <!-- 物品盒子 -->
            <div class="itemSelectPane selectPane">
              <div class="paneContentBox">
                <div class="itemList">
                  <div class="itemRow">
                    <h4 class="title_row">数码</h4>
                    <div class="itemBox">
                      <span class="item">手表</span>
                      <span class="item">U盘</span>
                      <span class="item">耳机</span>
                      <span class="item">平板电脑</span>
                      <span class="item">笔记本电脑</span>
                      <span class="item">手机</span>
                      <span class="item">充电宝</span>
                      <span class="item">数据线</span>
                    </div>
                  </div>
                  <div class="itemRow">
                    <h4 class="title_row">用品</h4>
                    <div class="itemBox">
                      <span class="item">教材</span>
                      <span class="item">书本</span>
                      <span class="item">文件</span>
                      <span class="item">雨伞</span>
                      <span class="item">水杯</span>
                      <span class="item">眼镜</span>
                      <span class="item">帽子</span>
                      <span class="item">钱包</span>
                    </div>
                  </div>
                  <div class="itemRow">
                    <h4 class="title_row">饰品</h4>
                    <div class="itemBox">
                      <span class="item">身份证</span>
                      <span class="item">校园卡</span>
                      <span class="item">学生证</span>
                      <span class="item">银行卡</span>
                    </div>
                  </div>
                  <div class="itemRow">
                    <h4 class="title_row">饰品</h4>
                    <div class="itemBox">
                      <span class="item">手表</span>
                      <span class="item">项链</span>
                      <span class="item">手环</span>
                      <span class="item">耳环</span>
                    </div>
                  </div>

                  <div class="itemRow">
                    <h4 class="title_row">其他</h4>
                    <div class="itemBox">
                      <span class="item">其他</span>
                    </div>
                  </div>
                </div>
                <div class="imgBox">
                  <img src="../img/bg1010.jpg">
                </div>
              </div>
            </div>
          </div>
          <!-- 时间筛选 -->
          <div class="timeSelect tool">
            <span class="toolText">日期筛选</span>
            <!--时间筛选面板 -->
            <div class="timeSelectPane selectPane">
              <div class="paneContentBox">
                <div class="imgBox">
                  <img src="../img/bg1011_.png">
                </div>
                <table class="calendar" id="calendar_main">
                  <tr>
                    <th class="title_calendar" colspan="7">
                      <span class="year"></span> 年
                      <span class="month"></span> 月
                      <div class="switch_btn_calendar">
                        <i class="iconfont iconshang up" title="上一月"></i>
                        <i class="iconfont iconxia down" title="下一月"></i>
                      </div>
                    </th>
                  </tr>
                  <tr class="dayTitle">
                    <td>SUN</td>
                    <td>MON</td>
                    <td>TUE</td>
                    <td>WED</td>
                    <td>TUS</td>
                    <td>FRI</td>
                    <td>SAT</td>
                  </tr>
                  <tr class="day">
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr class="day">
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr class="day">
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr class="day">
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr class="day">
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr class="day">
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>
                </table>
              </div>
            </div>
          </div>
          <!-- 地点筛选 校区切换 本部 肇庆 清远  -->
          <div class="locationSelect tool">
            <span class="toolText">地点筛选</span>
            <!-- 地点盒子 -->
            <div class="locationSelectPane selectPane">
              <div class="paneContentBox">
                <div class="imgBox">
                  <img src="../img/bg1012.jpg">
                </div>
                <div class="locationList">

                  <div class="itemRow ">
                    <div class="title_row">体育区</div>
                    <div class="itemBox">
                      <span class="item">北苑操场</span>
                      <span class="item">南苑操场</span>
                      <span class="item">系办运动场</span>
                      <span class="item">南苑乒乓球室</span>
                      <span class="item">游泳池</span>
                    </div>
                  </div>
                  <div class="itemRow ">
                    <div class="title_row">教学区</div>
                    <div class="itemBox">
                      <span class="item">北教</span>
                      <span class="item">1-7号教学楼</span>
                      <span class="item">实验教学楼</span>
                    </div>
                  </div>
                  <div class="itemRow ">
                    <div class="title_row">办公区</div>
                    <div class="itemBox">
                      <span class="item">白宫</span>
                      <span class="item">南苑专家楼</span>
                      <span class="item">系办</span>
                      <span class="item">招就处</span>
                    </div>
                  </div>
                  <div class="itemRow ">
                    <div class="title_row">文娱区</div>
                    <div class="itemBox">
                      <span class="item">青年文化广场</span>
                      <span class="item">北教广场</span>
                      <span class="item">货币博物馆</span>
                      <span class="item">大礼堂</span>
                      <span class="item">融创空间</span>
                      <span class="item">学贤阁</span>
                      <span class="item">青年文化广场</span>
                    </div>
                  </div>

                  <div class="itemRow ">
                    <div class="title_row">图书馆</div>
                    <div class="itemBox">
                      <span class="item">自科图书馆</span>
                      <span class="item">人文图书馆</span>
                      <span class="item">南苑自习室</span>
                    </div>
                  </div>
                  <div class="itemRow ">
                    <div class="title_row">食堂</div>
                    <div class="itemBox">
                      <span class="item">北苑饭堂</span>
                      <span class="item">南苑饭堂</span>
                    </div>
                  </div>
                </div>

              </div>
            </div>
          </div>
          <div class="reSelect tool">重新筛选</div>
        </div>
      </div>
      <!-- 模式提示板 -->
      <div class="modalDisplayPane" nextAction="seeLostGoods" title="点击查看寻物启事">
        <span class="name text">招领</span>
        <img src="../icon/lostFound/change.svg" class="icon" width='36px'>
      </div>

      <!-- 发起失物招领和寻物启事 -->
      <div class="lostFoundBtn">
        <div class="lostBtn">
          <span class="text">寻找物品</span>
          <img src='../icon/lostFound/add.svg' class='icon'>
        </div>
        <div class="foundBtn">
          <span class="text">寻找失主</span>
          <img src='../icon/lostFound/add.svg' class='icon'>
        </div>
      </div>
      <!-- 刷新按钮 -->
      <div class="refreshBtn" title="点击刷新">
        <span class="text">刷新</span>
        <img src="../icon/lostFound/reflesh.svg" class="icon">
      </div>
    </div>
  </nav>

  <!-- 物品展示区 -->
  <div class="platform">
    <div class="item_containner">

    </div>
  </div>

  <!-- 发起寻物启事 -->
  <div class="modal_bg_lost">
    <div class="modal_lost">
      <button class="fadeout_lostModal">&times;</button>
      <div class="modal_content_lost">
        <div class="leftBox">
          <div class="objName row">
            <span class="tip">物品名称：</span>
            <input class="value" type="text">
          </div>
          <div class="objClass row">
            <span class="tip">物品类别：</span>
            <div class="value">
              <span class="text"></span>
              <div class="objClass_entrance">
                <svg t="1604046414398" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="6093" width="26" height="26">
                  <path
                    d="M315.1 0H157.5C70.9 0 0 70.9 0 157.5V315c0 86.6 70.9 157.5 157.5 157.5H315c86.6 0 157.5-70.9 157.5-157.5V157.5C472.6 70.9 401.7 0 315.1 0z m551.4 0H708.9c-86.6 0-157.5 70.9-157.5 157.5V315c0 86.6 70.9 157.5 157.5 157.5h157.5c86.6 0 157.5-70.9 157.5-157.5V157.5C1024 70.9 953.1 0 866.5 0zM315.1 551.4H157.5C70.9 551.4 0 622.3 0 708.9v157.5C0 953.1 70.9 1024 157.5 1024H315c86.6 0 157.5-70.9 157.5-157.5V708.9c0.1-86.6-70.8-157.5-157.4-157.5z m551.4 0H708.9c-86.6 0-157.5 70.9-157.5 157.5v157.5c0 86.6 70.9 157.5 157.5 157.5h157.5c86.6 0 157.5-70.9 157.5-157.5V708.9c0.1-86.6-70.8-157.5-157.4-157.5z"
                    fill="#999999" p-id="6094"></path>
                </svg>
                <div class="objClassPane area_objClassPane">
                  <div class="row_objClass row_area_classPane">
                    <div class="title_row">证件</div>
                    <div class="itemBox">
                      <span class="item">身份证</span>
                      <span class="item">校园卡</span>
                      <span class="item">学生证</span>
                      <span class="item">银行卡</span>
                    </div>
                  </div>
                  <div class="row_objClass row_area_classPane">
                    <div class="title_row">饰品</div>
                    <div class="itemBox">
                      <span class="item">手表</span>
                      <span class="item">项链</span>
                      <span class="item">手环</span>
                      <span class="item">耳环</span>
                    </div>
                  </div>
                  <div class="row_objClass row_area_classPane">
                    <div class="title_row">数码</div>
                    <div class="itemBox">
                      <span class="item">手表</span>
                      <span class="item">U盘</span>
                      <span class="item">耳机</span>
                      <span class="item">平板电脑</span>
                      <span class="item">笔记本电脑</span>
                      <span class="item">手机</span>
                      <span class="item">充电宝</span>
                      <span class="item">数据线</span>
                    </div>
                  </div>
                  <div class="row_objClass row_area_classPane">
                    <div class="title_row">用品</div>
                    <div class="itemBox">
                      <span class="item">教材</span>
                      <span class="item">书本</span>
                      <span class="item">文件</span>
                      <span class="item">雨伞</span>
                      <span class="item">水杯</span>
                      <span class="item">眼镜</span>
                      <span class="item">帽子</span>
                      <span class="item">钱包</span>
                    </div>
                  </div>
                  <div class="row_objClass row_area_classPane">
                    <div class="title_row">其他</div>
                    <div class="itemBox">
                      <span class="item">其他</span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="lostTime row">
            <span class="tip">丢失时间：</span>
            <div class="value timeBox" id="lostTimeBox">
              <div class="calendar_entrance">
                <svg t="1603790426545" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="5658" width="32" height="32">
                  <path
                    d="M831.97 64.09H704.03V32.045a32.045 32.045 0 0 0-64.09 0V64.09H384.06V32.045a32.045 32.045 0 0 0-64.09 0V64.09H191.312A191.312 191.312 0 0 0 0 250.14v586.851a191.312 191.312 0 0 0 191.312 186.051H831.97a191.312 191.312 0 0 0 191.313-191.312v-575.85A191.312 191.312 0 0 0 831.97 64.09z m127.94 767.88a128.18 128.18 0 0 1-127.94 127.94H191.312a127.94 127.94 0 0 1-127.94-127.94V415.865H959.91z m0-479.955H64.09v-95.656A127.94 127.94 0 0 1 191.312 127.94h127.94v63.372a32.045 32.045 0 0 0 64.09 0V127.94h255.88v63.372a32.045 32.045 0 0 0 64.09 0V127.94h127.94a128.18 128.18 0 0 1 127.94 127.94z"
                    fill="#8a8a8a" p-id="5659"></path>
                  <path
                    d="M296.295 621.766H186.53a36.589 36.589 0 0 1 0-73.177h109.765a36.589 36.589 0 1 1 0 73.177z m292.47 0H442.41a36.589 36.589 0 0 1 0-73.177h146.354a36.589 36.589 0 0 1 0 73.177z m255.88 0H735.118a36.589 36.589 0 1 1 0-73.177h109.527a36.589 36.589 0 1 1 0 73.177z m-548.35 219.291H186.53a36.589 36.589 0 1 1 0-73.177h109.765a36.589 36.589 0 0 1 0 73.177z m292.47 0H442.41a36.589 36.589 0 0 1 0-73.177h146.354a36.589 36.589 0 0 1 0 73.177z m255.88 0H735.118a36.589 36.589 0 1 1 0-73.177h109.527a36.589 36.589 0 1 1 0 73.177z"
                    fill="#999999" p-id="5660"></path>
                </svg>
                <table class="calendar" id="calendar_lost">
                  <tr>
                    <th colspan="7">
                      <span class="year"></span> 年
                      <span class="month"></span> 月
                      <div class="switch_btn_calendar">
                        <i class="iconfont iconshang up" title="上一月"></i>
                        <i class="iconfont iconxia down" title="下一月"></i>
                      </div>
                    </th>
                  </tr>
                  <tr>
                    <td>SUN</td>
                    <td>MON</td>
                    <td>TUE</td>
                    <td>WED</td>
                    <td>TUS</td>
                    <td>FRI</td>
                    <td>SAT</td>
                  </tr>
                  <tr class="day">
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr class="day">
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr class="day">
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr class="day">
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr class="day">
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr class="day">
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>
                </table>
              </div>
              <div class="time_display">
                <span class="yearNum num"></span>
                <sapn class="text">年</sapn>
                <span class="monthNum num"> </span>
                <sapn class="text">月</sapn>
                <span class="dayNum num"> </span>
                <sapn class="text">日</sapn>
              </div>
            </div>
          </div>
          <div class="lostArea row">
            <span class="tip">丢失地点：</span>
            <div class="value">
              <span class="text"></span>
              <input class="areaDetail" size="14" placeholder="可输入详细地点">
              <div class="area">
                <svg t="1603850571231" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="16514" width="32" height="32">
                  <path
                    d="M515.2 243.104a80.96 80.96 0 1 0-0.064 161.92 80.96 80.96 0 0 0 0.064-161.92zM515.2 0C336.192 0 191.104 145.088 191.104 324.096c0 135.488 270.208 540.544 324.096 540.192 52.992 0.352 324.096-406.496 324.096-540.192C839.328 145.088 694.176 0 515.2 0z m0 459.2a135.104 135.104 0 1 1 0-270.24 135.104 135.104 0 0 1 0 270.24z"
                    fill="#999999" p-id="16515"></path>
                  <path
                    d="M640.064 794.592c-3.2 7.68-6.464 15.168-10.368 22.144 111.904 10.528 190.752 35.616 190.752 64.928 0 38.816-138.048 70.24-308.448 70.24-170.304 0-308.384-31.424-308.384-70.24 0-29.856 81.696-55.232 196.8-65.44a204.064 204.064 0 0 1-10.24-22.048C166.336 806.656 0 852.544 0 907.36 0 971.808 229.248 1024 512 1024c282.784 0 512-52.192 512-116.64 0-54.4-163.264-99.84-383.936-112.768z"
                    fill="#999999" p-id="16516"></path>
                </svg>
                <div class="areaPane area_objClassPane">
                  <div class="row_area row_area_classPane">
                    <div class="title_row">教学区</div>
                    <div class="itemBox">
                      <span class="item">北教</span>
                      <span class="item">1-7号教学楼</span>
                      <span class="item">实验教学楼</span>
                    </div>
                  </div>
                  <div class="row_area row_area_classPane">
                    <div class="title_row">办公区</div>
                    <div class="itemBox">
                      <span class="item">白宫</span>
                      <span class="item">南苑专家楼</span>
                      <span class="item">系办</span>
                      <span class="item">招就处</span>
                    </div>
                  </div>
                  <div class="row_area row_area_classPane">
                    <div class="title_row">文娱区</div>
                    <div class="itemBox">
                      <span class="item">青年文化广场</span>
                      <span class="item">北教广场</span>
                      <span class="item">货币博物馆</span>
                      <span class="item">大礼堂</span>
                      <span class="item">融创空间</span>
                      <span class="item">学贤阁</span>
                      <span class="item">青年文化广场</span>
                    </div>
                  </div>
                  <div class="row_area row_area_classPane">
                    <div class="title_row">体育区</div>
                    <div class="itemBox">
                      <span class="item">北苑操场</span>
                      <span class="item">南苑操场</span>
                      <span class="item">系办运动场</span>
                      <span class="item">南苑乒乓球室</span>
                      <span class="item">游泳池</span>
                    </div>
                  </div>
                  <div class="row_area row_area_classPane">
                    <div class="title_row">图书馆</div>
                    <div class="itemBox">
                      <span class="item">自科图书馆</span>
                      <span class="item">人文图书馆</span>
                      <span class="item">南苑自习室</span>
                    </div>
                  </div>
                  <div class="row_area row_area_classPane">
                    <div class="title_row">食堂</div>
                    <div class="itemBox">
                      <span class="item">北苑饭堂</span>
                      <span class="item">南苑饭堂</span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="objDetail">
            <span class="tip">物品描述：</span>
            <textarea maxlength="110" class="value_box" placeholder="对物品描述越详细，找回的机率越大噢~"></textarea>
          </div>
        </div>
        <div class="rightBox">
          <div class="pictureBox">
            <span class="tip">添加图片：</span>
            <div class="addPic">
              <div class="imgBox" id='imgBox_lost'>

              </div>
              <div class="addBtn">
                <svg t="1604049288861" class="icon" viewBox="0 0 1027 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="11289" width="64" height="64">
                  <path
                    d="M 927.878 467.618 h -377.118 v -365.861 c 0 -16.8859 -16.8859 -39.4004 -39.4004 -39.4004 c -22.5145 0 -39.4004 22.5145 -39.4004 45.029 v 365.861 H 106.097 c -22.5145 -5.62863 -45.029 16.8859 -45.029 39.4004 s 22.5145 39.4004 39.4004 39.4004 h 365.861 v 365.861 c 5.62863 22.5145 22.5145 45.029 45.029 45.029 s 39.4004 -22.5145 39.4004 -39.4004 v -371.49 h 371.49 c 22.5145 0 39.4004 -22.5145 39.4004 -39.4004 s -11.2573 -45.029 -33.7718 -45.029 Z"
                    fill="#999999" p-id="11290"></path>
                </svg>
              </div>
              <input type="file" style="display: none;" accept="image/*">
            </div>

          </div>
          <div class="contact row">
            <span class="tip">联系方式：</span>
            <input class="value" type="text" placeholder="微信/QQ/电话">
          </div>
          <div class="award">
            <span class="tip">奖励：</span>
            <textarea maxlength="110" class="value_box" placeholder="可以写下你对拾主的感谢与奖励~"></textarea>
          </div>
          <div class="sendBox">
            <button class="sendBtn">一键发布</button>
          </div>
        </div>
        <!-- 匹配展示框 -->
        <div class="search_display">
          <div class="title">以下可能是你丢失的物品</div>
          <ul>
            <!-- 模板引擎 -->


          </ul>
        </div>
      </div>
    </div>
  </div>


  <!-- 发起失物招领 -->
  <div class="modal_bg_found">
    <div class="modal_found">
      <button class="fadeout_foundModal">&times;</button>
      <div class="modal_content_found">
        <div class="leftBox">
          <div class="objName row">
            <span class="tip">物品名称：</span>
            <input class="value" type="text">
          </div>
          <div class="objClass row">
            <span class="tip">物品类别：</span>
            <div class="value">
              <span class="text"></span>
              <div class="objClass_entrance">
                <svg t="1604046414398" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="6093" width="26" height="26">
                  <path
                    d="M315.1 0H157.5C70.9 0 0 70.9 0 157.5V315c0 86.6 70.9 157.5 157.5 157.5H315c86.6 0 157.5-70.9 157.5-157.5V157.5C472.6 70.9 401.7 0 315.1 0z m551.4 0H708.9c-86.6 0-157.5 70.9-157.5 157.5V315c0 86.6 70.9 157.5 157.5 157.5h157.5c86.6 0 157.5-70.9 157.5-157.5V157.5C1024 70.9 953.1 0 866.5 0zM315.1 551.4H157.5C70.9 551.4 0 622.3 0 708.9v157.5C0 953.1 70.9 1024 157.5 1024H315c86.6 0 157.5-70.9 157.5-157.5V708.9c0.1-86.6-70.8-157.5-157.4-157.5z m551.4 0H708.9c-86.6 0-157.5 70.9-157.5 157.5v157.5c0 86.6 70.9 157.5 157.5 157.5h157.5c86.6 0 157.5-70.9 157.5-157.5V708.9c0.1-86.6-70.8-157.5-157.4-157.5z"
                    fill="#999999" p-id="6094"></path>
                </svg>
                <div class="objClassPane area_objClassPane">
                  <div class="row_objClass row_area_classPane">
                    <div class="title_row">证件</div>
                    <div class="itemBox">
                      <span class="item">身份证</span>
                      <span class="item">校园卡</span>
                      <span class="item">学生证</span>
                      <span class="item">银行卡</span>
                    </div>
                  </div>
                  <div class="row_objClass row_area_classPane">
                    <div class="title_row">饰品</div>
                    <div class="itemBox">
                      <span class="item">手表</span>
                      <span class="item">项链</span>
                      <span class="item">手环</span>
                      <span class="item">耳环</span>
                    </div>
                  </div>
                  <div class="row_objClass row_area_classPane">
                    <div class="title_row">数码</div>
                    <div class="itemBox">
                      <span class="item">手表</span>
                      <span class="item">U盘</span>
                      <span class="item">耳机</span>
                      <span class="item">平板电脑</span>
                      <span class="item">笔记本电脑</span>
                      <span class="item">手机</span>
                      <span class="item">充电宝</span>
                      <span class="item">数据线</span>
                    </div>
                  </div>
                  <div class="row_objClass row_area_classPane">
                    <div class="title_row">用品</div>
                    <div class="itemBox">
                      <span class="item">教材</span>
                      <span class="item">书本</span>
                      <span class="item">文件</span>
                      <span class="item">雨伞</span>
                      <span class="item">水杯</span>
                      <span class="item">眼镜</span>
                      <span class="item">帽子</span>
                      <span class="item">钱包</span>
                    </div>
                  </div>
                  <div class="row_objClass row_area_classPane">
                    <div class="title_row">其他</div>
                    <div class="itemBox">
                      <span class="item">其他</span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="foundTime row">
            <span class="tip">拾得时间：</span>
            <div class="value timeBox" id="foundTimeBox">
              <div class="calendar_entrance">
                <svg t="1603790426545" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="5658" width="32" height="32">
                  <path
                    d="M831.97 64.09H704.03V32.045a32.045 32.045 0 0 0-64.09 0V64.09H384.06V32.045a32.045 32.045 0 0 0-64.09 0V64.09H191.312A191.312 191.312 0 0 0 0 250.14v586.851a191.312 191.312 0 0 0 191.312 186.051H831.97a191.312 191.312 0 0 0 191.313-191.312v-575.85A191.312 191.312 0 0 0 831.97 64.09z m127.94 767.88a128.18 128.18 0 0 1-127.94 127.94H191.312a127.94 127.94 0 0 1-127.94-127.94V415.865H959.91z m0-479.955H64.09v-95.656A127.94 127.94 0 0 1 191.312 127.94h127.94v63.372a32.045 32.045 0 0 0 64.09 0V127.94h255.88v63.372a32.045 32.045 0 0 0 64.09 0V127.94h127.94a128.18 128.18 0 0 1 127.94 127.94z"
                    fill="#8a8a8a" p-id="5659"></path>
                  <path
                    d="M296.295 621.766H186.53a36.589 36.589 0 0 1 0-73.177h109.765a36.589 36.589 0 1 1 0 73.177z m292.47 0H442.41a36.589 36.589 0 0 1 0-73.177h146.354a36.589 36.589 0 0 1 0 73.177z m255.88 0H735.118a36.589 36.589 0 1 1 0-73.177h109.527a36.589 36.589 0 1 1 0 73.177z m-548.35 219.291H186.53a36.589 36.589 0 1 1 0-73.177h109.765a36.589 36.589 0 0 1 0 73.177z m292.47 0H442.41a36.589 36.589 0 0 1 0-73.177h146.354a36.589 36.589 0 0 1 0 73.177z m255.88 0H735.118a36.589 36.589 0 1 1 0-73.177h109.527a36.589 36.589 0 1 1 0 73.177z"
                    fill="#999999" p-id="5660"></path>
                </svg>
                <table class="calendar" id="calendar_found">
                  <tr>
                    <th colspan="7">
                      <span class="year"></span> 年
                      <span class="month"></span> 月
                      <div class="switch_btn_calendar">
                        <i class="iconfont iconshang up" title="上一月"></i>
                        <i class="iconfont iconxia down" title="下一月"></i>
                      </div>
                    </th>
                  </tr>
                  <tr>
                    <td>SUN</td>
                    <td>MON</td>
                    <td>TUE</td>
                    <td>WED</td>
                    <td>TUS</td>
                    <td>FRI</td>
                    <td>SAT</td>
                  </tr>
                  <tr class="day">
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr class="day">
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr class="day">
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr class="day">
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr class="day">
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr class="day">
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>
                </table>
              </div>
              <div class="time_display">
                <span class="yearNum num"></span>
                <sapn class="text">年</sapn>
                <span class="monthNum num"> </span>
                <sapn class="text">月</sapn>
                <span class="dayNum num"> </span>
                <sapn class="text">日</sapn>
              </div>
            </div>
          </div>
          <div class="foundArea row">
            <span class="tip">拾得地点：</span>
            <div class="value">
              <span class="text"></span>
              <input class="areaDetail" size="14" placeholder="可输入详细地点">
              <div class="area">
                <svg t="1603850571231" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="16514" width="32" height="32">
                  <path
                    d="M515.2 243.104a80.96 80.96 0 1 0-0.064 161.92 80.96 80.96 0 0 0 0.064-161.92zM515.2 0C336.192 0 191.104 145.088 191.104 324.096c0 135.488 270.208 540.544 324.096 540.192 52.992 0.352 324.096-406.496 324.096-540.192C839.328 145.088 694.176 0 515.2 0z m0 459.2a135.104 135.104 0 1 1 0-270.24 135.104 135.104 0 0 1 0 270.24z"
                    fill="#999999" p-id="16515"></path>
                  <path
                    d="M640.064 794.592c-3.2 7.68-6.464 15.168-10.368 22.144 111.904 10.528 190.752 35.616 190.752 64.928 0 38.816-138.048 70.24-308.448 70.24-170.304 0-308.384-31.424-308.384-70.24 0-29.856 81.696-55.232 196.8-65.44a204.064 204.064 0 0 1-10.24-22.048C166.336 806.656 0 852.544 0 907.36 0 971.808 229.248 1024 512 1024c282.784 0 512-52.192 512-116.64 0-54.4-163.264-99.84-383.936-112.768z"
                    fill="#999999" p-id="16516"></path>
                </svg>
                <div class="areaPane area_objClassPane">
                  <div class="row_area row_area_classPane">
                    <div class="title_row">教学区</div>
                    <div class="itemBox">
                      <span class="item">北教</span>
                      <span class="item">1-7号教学楼</span>
                      <span class="item">实验教学楼</span>
                    </div>
                  </div>
                  <div class="row_area row_area_classPane">
                    <div class="title_row">办公区</div>
                    <div class="itemBox">
                      <span class="item">白宫</span>
                      <span class="item">南苑专家楼</span>
                      <span class="item">系办</span>
                      <span class="item">招就处</span>
                    </div>
                  </div>
                  <div class="row_area row_area_classPane">
                    <div class="title_row">文娱区</div>
                    <div class="itemBox">
                      <span class="item">青年文化广场</span>
                      <span class="item">北教广场</span>
                      <span class="item">货币博物馆</span>
                      <span class="item">大礼堂</span>
                      <span class="item">融创空间</span>
                      <span class="item">学贤阁</span>

                    </div>
                  </div>
                  <div class="row_area row_area_classPane">
                    <div class="title_row">体育区</div>
                    <div class="itemBox">
                      <span class="item">北苑操场</span>
                      <span class="item">南苑操场</span>
                      <span class="item">系办运动场</span>
                      <span class="item">南苑乒乓球室</span>
                      <span class="item">游泳池</span>
                    </div>
                  </div>
                  <div class="row_area row_area_classPane">
                    <div class="title_row">图书馆</div>
                    <div class="itemBox">
                      <span class="item">自科图书馆</span>
                      <span class="item">人文图书馆</span>
                      <span class="item">南苑自习室</span>
                    </div>
                  </div>
                  <div class="row_area row_area_classPane">
                    <div class="title_row">食堂</div>
                    <div class="itemBox">
                      <span class="item">北苑饭堂</span>
                      <span class="item">南苑饭堂</span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="rightBox">
          <div class="objDetail">
            <span class="tip">物品描述：</span>
            <textarea maxlength="110" class="value_box" placeholder="对物品描述越详细，更容易让失主看见噢~"></textarea>
          </div>
          <div class="pictureBox">
            <span class="tip">添加图片：</span>
            <div class="addPic">
              <div class="imgBox" id='imgBox_found'>

              </div>
              <div class="addBtn">
                <svg t="1604049288861" class="icon" viewBox="0 0 1027 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="11289" width="64" height="64">
                  <path
                    d="M 927.878 467.618 h -377.118 v -365.861 c 0 -16.8859 -16.8859 -39.4004 -39.4004 -39.4004 c -22.5145 0 -39.4004 22.5145 -39.4004 45.029 v 365.861 H 106.097 c -22.5145 -5.62863 -45.029 16.8859 -45.029 39.4004 s 22.5145 39.4004 39.4004 39.4004 h 365.861 v 365.861 c 5.62863 22.5145 22.5145 45.029 45.029 45.029 s 39.4004 -22.5145 39.4004 -39.4004 v -371.49 h 371.49 c 22.5145 0 39.4004 -22.5145 39.4004 -39.4004 s -11.2573 -45.029 -33.7718 -45.029 Z"
                    fill="#999999" p-id="11290"></path>
                </svg>
              </div>
              <input type="file" style="display: none;" accept="image/*">
            </div>
          </div>
          <div class="contact row">
            <span class="tip">联系方式：</span>
            <input class="value" type="text" placeholder="微信/QQ/电话">
          </div>
        </div>
        <div class="sendBox">
          <button class="sendBtn">一键发布</button>
        </div>
      </div>
    </div>
  </div>


  <script type="text/html" id="templateAddImage">
        <div class="imgItem">
            <i class='removePicture'>&times;</i>
            <img src="{{base64}}" alt="{{name}}" type="img">
        </div>
    </script>
  <!-- 展示的物品模板 -->
  <script type="text/html" id="templateFoundItem">
        <li class="item">
            <a href="lostAndFound-found.html?id={{id}}" target="_blank">
                <img src="{{img}}">
                <span class="name">{{foundObjectName}}</span>
                <span class="type">{{objectDetailType}}</span>
                <span class="detail" title="{{foundDescribe}}">{{foundDescribe}}</span>
            </a>
        </li>
    </script>

  <!-- 展示物品的模板 -->
  <script type="text/html" id="templateGoodsItem">
        <a href="{{href}}" class="item" target="_blank">
            <div class="imgBox">
            </div>
            <div class="textBox">
                <div class="item_title">
                    {{name}}
                </div>
                <span class="label">{{objectDetailType}}</span>
                <div class="detail">
                    <span class="area">
                        {{location}}
                    </span>
                    <div class="time">
                        {{time}}
                    </div>
                </div>

            </div>
        </a>
    </script>
  <!-- 提示信息弹框 -->
  <div class="tipPane">
  </div>

  <!-- 图片提交的高度获取器 -->
  <div class="imgPrevLoad">
    <img src="">
  </div>

  <!-- 我的关注item模板引擎 -->
  <script id="attentionItem_template" type="text/html ">
        <li class="item">
            <a class="img_link " href="# " title="进入主页 ">
                <img src="{{userFace}} ">
            </a>
            <span class="userName ">{{userName}}</span>
            <span class="status ">{{status}}</span>
            <span class="school_info ">{{school_info}}</span>
            <!-- 是否关注 -->
            <div class="subscribe {{isSubscribe}} " nextAction="{{action}} " title="关注 ">
                <!--橙色 #FF7800 灰色 #fbfbfbfb-->
                <svg t="1602172191268 " class="do_subscribe " viewBox="0 0 1024 1024 " version="1.1 " xmlns="http://www.w3.org/2000/svg " p-id="3875 " width="23 " height="23 ">
                                        <path d="M513.536 239.104S441.856 87.04 280.064 87.04C102.912 87.04 10.24 235.52 10.24 384c0 246.784 503.296 552.96 503.296 552.96S1013.76 633.856 1013.76 384c0-151.552-95.744-296.96-266.752-296.96-170.496
                0-233.472 152.064-233.472 152.064z "
                                            p-id="3876 " fill="#ff7800"></path>
                </svg>
            </div>
            <!-- 私信 -->
            <div class="sendText " title="私信 ">
                <!-- #17abe3 -->
                <svg t="1602172441453 " class="icon " viewBox="0 0 1024 1024 " version="1.1 " xmlns="http://www.w3.org/2000/svg " p-id="4482 " width="23 " height="23 ">
                                        <path d="M935.724138 494.344828c0 204.8-188.910345 370.758621-423.724138 370.75862-67.089655 0-130.648276-14.124138-187.144828-38.841379-35.310345-14.124138-157.131034 60.027586-185.37931 38.841379-28.248276-21.186207
                38.841379-141.241379 17.655172-167.724138C112.993103 639.117241 88.275862 568.496552 88.275862 494.344828 88.275862 289.544828 277.186207 123.586207 512 123.586207s423.724138 165.958621 423.724138 370.758621z m-605.572414 5.296551c0 14.124138
                7.062069 26.482759 19.42069 33.544828s26.482759 7.062069 38.841379 0c12.358621-7.062069 19.42069-19.42069 19.42069-33.544828 0-14.124138-7.062069-26.482759-19.42069-33.544827-12.358621-7.062069-26.482759-7.062069-38.841379 0-12.358621
                7.062069-19.42069 19.42069-19.42069 33.544827z m155.365517 0c0 14.124138 7.062069 26.482759 19.42069 33.544828 12.358621 7.062069 26.482759 7.062069 38.841379 0 12.358621-7.062069 19.42069-19.42069 19.42069-33.544828 0-14.124138-7.062069-26.482759-19.42069-33.544827-12.358621-7.062069-26.482759-7.062069-38.841379
                0-12.358621 7.062069-19.42069 19.42069-19.42069 33.544827z m153.6 0c0 14.124138 7.062069 26.482759 19.42069 33.544828 12.358621 7.062069 26.482759 7.062069 38.841379 0 12.358621-7.062069 19.42069-19.42069 19.42069-33.544828 0-14.124138-7.062069-26.482759-19.42069-33.544827-12.358621-7.062069-26.482759-7.062069-38.841379
                0-12.358621 7.062069-19.42069 19.42069-19.42069 33.544827z "
                                            fill="#bfbfbf " p-id="4483 "></path>
                </svg>
            </div>
        </li>
    </script>


  <!--                          登录页面                            -->
  <div class="logonBody">
    <div class="modal_bg_logon modal_bg">
      <div class="modal logonYmadal">
        <!-- 模态框 头部 一个×按钮 + 一个学校 icon -->
        <div class="modal_head">
          <button class="fadeout">&times;</button>
          <!-- <i class="iconfont icondibudaohanglan-"></i> -->
          <b class="logonTitle">用户登录</b>
        </div>

        <!-- 模态框 内容 ->登录页面logOn -> 忘记密码页面forgetPas -> 重置密码页面resetPas -->
        <div class="modal_content">

          <!-- ->登录页面logOn -->
          <div class="logOn">
            <!-- ->登录页面logOn 学生part 文字 + 表单  -->
            <div class="student logOnDisplay">
              <h2>学生<b></b></h2>
              <div class="logOnStudent">
                <form action="">
                  <div class="confirm value">
                    <span class="tip">用户名/学号</span>
                    <input class="input account" id="stu_account" type="text" value="">
                    <span class="active_line"></span>
                  </div>
                  <div class="confirm value">
                    <span class="tip">密码</span>
                    <input class="input pas" id='stu_pwd' type="password" value="">
                    <span class="active_line"></span>
                  </div>
                </form>
              </div>
            </div>

            <!-- ->登录页面logOn 老师part 文字 + 表单  -->
            <div class="teacher">
              <h2>教师<b></b></h2>
              <div class="logOnTeacher">
                <form action="">
                  <div class="confirm value">
                    <span class="tip">用户名/教工号</span>
                    <input class="input account" id="teacher_account" type="text" value="">
                    <span class="active_line"></span>
                  </div>
                  <div class="confirm value">
                    <span class="tip">密码</span>
                    <input class="input pas" id='teacher_pwd' type="password" value="">
                    <span class="active_line"></span>
                  </div>
                </form>
              </div>
            </div>
            <!-- ->登录页面logOn 登录按钮 -->
            <button class="btnRegister">注册</button>
            <button class="btnLogon logon_btn">登录</button>

            <!-- ->登录页面logOn 注册页面 忘记密码页面 跳转 -->
            <b href="" class="aForgetPas">忘记密码？</b>

          </div>

          <!-- -> 忘记密码页面forgetPas -->
          <div class="forgetPas">
            <!-- -> 忘记密码页面forgetPas 单选框 学生/教师  -->
            <div class="teacherOrStudent">
              <form action="">
                <span>请选择身份: </span>
                <label for="">
                  <input type="radio" class="chooseStudent" name="chooseTeacherOrStudent" style="zoom:2;">
                  学生</label>
                <label for="">
                  <input type="radio" class="chooseTeacher" name="chooseTeacherOrStudent" style="zoom:2;"> 教师</label>
              </form>
            </div>

            <!-- -> 忘记密码页面forgetPas 文本框:输入邮箱 span:邮箱后缀  -->
            <div class="writeEmail">
              <form action="">
                <span>请输入邮箱:</span>
                <input type="text" class="inEmail">
                <i>@</i>
                <em class="emailSuffix ">m.gduf.edu.cn</em>
              </form>
            </div>

            <!-- -> 忘记密码页面forgetPas 文本框:验证码  按钮:发送验证码-->
            <div class="verificationCode ">
              <form action=" ">
                <span>验证码:</span>
                <input type="text" class="vCode">
              </form>
              <button class="sendVerificationCode logon_btn">发送验证码</button>
            </div>

            <!-- -> 忘记密码页面forgetPas 按钮:下一步 跳转重设密码 -->
            <button class="forgetPasLast logon_btn">上一步</button>
            <button class="forgetPasNext logon_btn">下一步</button>
          </div>

          <!-- -> 重置密码页面resetPas -->
          <div class="resetPas ">
            <!-- -> 重置密码页面resetPas 文本框:重设密码 -->
            <div class="toResetPas ">
              <form action=" ">
                <span>重设密码: </span>
                <input type="password" class="reset " placeholder="输入新密码 ">
              </form>
            </div>
            <!-- -> 重置密码页面resetPas 文本框:确认密码 -->
            <div class="confirmPas ">
              <form action=" ">
                <span>确认密码: </span>
                <input type="password" class="confirm " placeholder="确认新密码 ">
              </form>
            </div>
            <!-- -> 重置密码页面resetPas 按钮:确定 返回登录页面 -->
            <button class="resetPasConfirm logon_btn">确定</button>
          </div>
        </div>
        <div class="modal_foot "></div>
      </div>
    </div>
  </div>

  <!-- <script src="../js/foundPane.js"></script>
    <script src="../js/lostPane.js"></script>
    <script src="../js/nav.js"></script> -->
  <script src="../js/util/jquery-3.5.1.min.js"></script>
  <script src="../js/views/lostAndFound/lost&found.js" type="module"></script>
  <script src='../js/components/content/lostPane/lostPane.js' type='module'></script>
  <script src='../js/components/content/foundPane/foundPane.js' type='module'></script>
  <script src="../js/components/content/logOn/logOn.js" type="module"></script>
  <script src='../js/components/content/inform/notification.js' type="module"></script>
  <script src="../js/components/content/userPane/index.js" type='module'></script>
</body>

</html>